<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="../../common/base_body_header.jsp" %>
<%@include file="../../common/navbar.jsp" %>
<%@include file="../../common/page_content_pre.jsp" %>
<style>
.mt20{
    margin-top: 50px;
  }
  .con-top{
    height: 180px;
    padding-right: 20px; 
    background-color: whitesmoke;
  }
  .con-top .con-p{
    padding-top:10px;
  }
  .con-mid{
    height: 100%;
    padding-right: 20px;
    background-color: whitesmoke;
  }
  
  .itemList1{
    margin: 10px auto;
    width: 500px;
    padding: 25px 10px
  }
  .proInfo1{
    padding-left: 100px;
  }
  .proInfo1 .info{
    list-style: none;
    float: left;
    width: 100%;
    height: 35px;
  }
  
  .itemList{
    margin: 20px auto;
    width: 500px;
    padding: 25px 10px
  }
  .proInfo{
    padding-left: 10px;
  }
  .proInfo .info{
    list-style: none;
    float: left;
    width: 50%;
    height: 30px;
  }
  .cut-line{
    height: 20px;
    border-bottom: 1px solid #ddd;
    padding-top:10px;
    text-align: center;
  }
  .cut-tit{
    display: inline-block;
    width: 80px;
    background: #fff;
  }
  .titInfo{
    padding: 10px;
    line-height: 1.5;
  }
  .btn-delete{
    padding: 20px;
    text-align: center;
  }
</style>
<div class="page-content">
    <div class="row">
        <div class="col-sm-12">
            <div class="widget-box">
                <!-- <div class="widget-header">
                    <h4>用户详情</h4>
                </div>
                 -->
                <div class="widget-body">
                    <div class="widget-main no-padding">
                    <form class="form-horizontal" modelAttribute="product"  action="#">       
                       <div>          
                         <div class="cut-line">
						      <span class="cut-tit">详情</span>
						 </div>         
                         <div class="con-top">
                             <div class="itemList">
	           					<ul class="proInfo">
							        <li class="info">姓名： ${sysUser.username}</li>
							        <li class="info">账户：${sysUser.account}</li>
							        <li class="info">地址： ${sysUser.address}</li>
							        <li class="info">创建时间：<fmt:formatDate value="${sysUser.createDate}" pattern="yyyy-MM-dd HH:mm:ss"/></li>
							        <li class="info">状态：
								        <c:choose>
										     <c:when test="${sysUser.status == 0}">
										                             正常
										     </c:when>
										     <c:when test="${sysUser.status == 1}">
										                             冻结
										     </c:when>
										     <c:otherwise>
										                                已删除
										     </c:otherwise>
										</c:choose>
							        </li>
							      </ul>
							     
						      </div>
		
						  </div>
						</div>
                </from>
             </div> 
        </div>

              <%--   <div class="widget-body">
                    <div class="widget-main no-padding">
                        <fieldset>
                            <div class="form-group" style="margin-left:400px;">
                                <div>&nbsp;</div>
                                <label class="col-sm-2">姓名： ${sysUser.username} </label>
                            </div>
                        </fieldset>
                         <fieldset>
                            <div class="form-group">
                                 <label class="col-sm-2 control-label">账户：${sysUser.account}</label>
                            </div>
                        </fieldset>

                        <fieldset>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">地址： ${sysUser.address}</label>
                            </div>
                        </fieldset>
                        <fieldset>
                            <div class="form-group">
                            <label class="col-sm-3 control-label">创建时间：<fmt:formatDate value="${sysUser.createDate}"
                                                 type="both" dateStyle="full"/></label>
                             </div>
                        </fieldset>
                    </div>
                </div>
            </div>
 --%>
           
               <div class="form-actions center">
                                <button type="button" class="btn btn-sm btn-grey" id="go_back_btn">
                                    返回
                                    <i class="icon-reply icon-on-right bigger-110"></i>
                                </button>
                              
                            </div>
               
        </div>
    </div>
</div>

<%@include file="../../common/page_content_suf.jsp" %>
<%@include file="../../common/script.jsp" %>

<script type="text/javascript">
$(document).ready(function () {

    $("#go_back_btn").on("click", function () {
        goBack();
    });
});

function goBack() {
    document.location.href = "${GLOBAL.basePath}/systemUser/list";
}

</script>
